 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>
	Create Defect
</title>
<link href="css/smoothness/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
 
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
<![endif]-->
 
<!--  jquery core -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js" type="text/javascript"></script>
 
<!--  checkbox styling script -->
<script src="js/jquery/ui.core.js" type="text/javascript"></script>
<script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
<script src="js/jquery/jquery.bind.js" type="text/javascript"></script>
<script type="text/javascript"> 
    $(function () {
//        $('input').checkBox();
        $('#toggle-all').click(function () {
            $('#toggle-all').toggleClass('toggle-checked');
            $('#mainform input[type=checkbox]').checkBox('toggle');
            return false;
        });
    });
</script>  
 
 
<![if !IE 7]>
<!--  styled select box script version 1 -->
<script src="js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
<script type="text/javascript"> 
    $(document).ready(function () {
        $('.styledselect').selectbox({ inputClass: "selectbox_styled" });
    });
</script>
<![endif]>
 
 
<!--  styled select box script version 2 --> 
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript"> 
    $(document).ready(function () {
        $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
        $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
 
    });
</script>
 
<!--  styled select box script version 3 --> 
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript"> 
    $(document).ready(function () {
        $('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
    });
</script>
 
<!--  styled file upload script --> 
<script src="js/jquery/jquery.filestyle.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8"> 
    $(function () {
        $("input.file_1").filestyle({
            image: "images/forms/upload_file.gif",
            imageheight: 29,
            imagewidth: 78,
            width: 300
        });
    });
</script>
 
<!-- Custom jquery scripts -->
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>
 
<!-- Tooltips -->
<script src="js/jquery/jquery.tooltip.js" type="text/javascript"></script>
<!--<script src="js/jquery/jquery.dimensions.js" type="text/javascript"></script>-->
<script type="text/javascript"> 
    $(function () {
        $('a.info-tooltip ').tooltip({
            track: true,
            delay: 0,
            fixPNG: true,
            showURL: false,
            showBody: " - ",
            top: -35,
            left: 5
        });
    });
</script> 
 
<!--  date picker script -->
<link rel="stylesheet" href="css/datePicker.css" type="text/css" />
<script src="js/jquery/date.js" type="text/javascript"></script>
<script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8"> 
    $(function () {
 
        // initialise the "Select date" link
        $('#date-pick')
	.datePicker(
        // associate the link with a date picker
		{
		createButton: false,
		startDate: '01/01/2005',
		endDate: '31/12/2020'
}
	).bind(
        // when the link is clicked display the date picker
		'click',
		function () {
		    updateSelects($(this).dpGetSelected()[0]);
		    $(this).dpDisplay();
		    return false;
		}
	).bind(
        // when a date is selected update the SELECTs
		'dateSelected',
		function (e, selectedDate, $td, state) {
		    updateSelects(selectedDate);
		}
	).bind(
		'dpClosed',
		function (e, selected) {
		    updateSelects(selected[0]);
		}
	);
 
        var updateSelects = function (selectedDate) {
            var selectedDate = new Date(selectedDate);
            $('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
            $('#m option[value=' + (selectedDate.getMonth() + 1) + ']').attr('selected', 'selected');
            $('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
        }
        // listen for when the selects are changed and update the picker
        $('#d, #m, #y')
	.bind(
		'change',
		function () {
		    var d = new Date(
						$('#y').val(),
						$('#m').val() - 1,
						$('#d').val()
					);
		    $('#date-pick').dpSetSelected(d.asString());
		}
	);
 
        // default the position of the selects to today
        var today = new Date();
        updateSelects(today.getTime());
 
        // and update the datePicker to reflect it...
        $('#d').trigger('change');
    });
</script>
 
<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<!--<![if IE 6]>
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript"> 
    $(document).ready(function () {
        $(document).pngFix();
    });
</script>
<![endif]>-->
</head>
<body> 
<!-- Start: page-top-outer -->
<div id="page-top-outer">    
 
    <!-- Start: page-top -->
    <div id="page-top">
    
        <!-- start logo -->
        <div id="logo">
            <a href=""><img src="images/shared/logo2.png" width="293" height="75" alt="" /></a>
        </div>
        <!-- end logo -->
        
        <!--  start top-search -->
        <div id="top-search">
            <table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <input type="text" value="Search" onblur="if (this.value=='') { this.value='Search'; }" onfocus="if (this.value=='Search') { this.value=''; }" class="top-search-inp" />
                </td>
                <td>
                    <select class="styledselect">
                        <option value="">All</option>
                        <option value="">Users</option>
                        <option value="">Projects</option>
                        <option value="">Defects</option>
                    </select>    
                </td>
                <td>
                	<input type="image" src="images/shared/top_search_btn.gif"  />
                </td>
            </tr>
            </table>
        </div>
        <!--  end top-search -->
        <div class="clear"></div>
    
    </div>
    <!-- End: page-top -->
 
</div>
<!-- End: page-top-outer -->
	
<div class="clear">&nbsp;</div>
 
<!--  start nav-outer-repeat................................................................................................. START -->
<div class="nav-outer-repeat"> 
<!--  start nav-outer -->
<div class="nav-outer"> 
 
		<!-- start nav-right -->
		<div id="nav-right">
		
			<div class="nav-divider">&nbsp;</div>
			<div class="showhide-account"><img src="images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
			<div class="nav-divider">&nbsp;</div>
			<a href="" id="logout"><img src="images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
			<div class="clear">&nbsp;</div>
		
			<!--  start account-content -->	
			<div class="account-content">
			<div class="account-drop-inner">
				<a href="account-settings.html" id="acc-settings">Settings</a>
				<div class="clear">&nbsp;</div>
				<div class="acc-line">&nbsp;</div>
				<a href="email-notification-settings.html" id="acc-settings">Email Notification</a>
                <div class="clear">&nbsp;</div>
				<div class="acc-line">&nbsp;</div>
				<a href="role-settings.html" id="acc-settings">Role</a>
			</div>
			</div>
			<!--  end account-content -->
		
		</div>
		<!-- end nav-right -->
 
 
		<!--  start nav -->
		<div class="nav">
		<div class="table">
		
            <ul class="select"><li><a href="all-defects.html"><b>Defects</b><!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
            <div class="select_sub">
                <ul class="sub">
                	<li><a href="#nogo">Add defect</a></li>
                    <li><a href="#nogo">My defects</a></li>
                    <li><a href="#nogo">New defects</a></li>
                    <li><a href="all-defects.html">All defects</a></li>
                    <li><a href="#nogo">Unassigned</a></li>
                    <li><a href="#nogo">Closed</a></li>
                </ul>
            </div>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            </ul>
		
			<div class="nav-divider">&nbsp;</div>
		                    
            <ul class="select"><li><a href="#nogo"><b>Projects</b><!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
            <div class="select_sub">
                <ul class="sub">
                	<li><a href="#nogo">Add Project</a></li>
                    <li><a href="#nogo">My Projects</a></li>
                    <li><a href="#nogo">All Projects</a></li>
                </ul>
            </div>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            </ul>
		
			<div class="nav-divider">&nbsp;</div>
		
            <ul class="select"><li><a href="#nogo"><b>Users</b><!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
            <div class="select_sub">
                <ul class="sub">
                    <li><a href="#nogo">Add user</a></li>
                    <li><a href="#nogo">All users</a></li>
                </ul>
            </div>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            </ul>
		
            <div class="nav-divider">&nbsp;</div>
            
            <ul class="select"><li><a href="#nogo"><b>Clients</b><!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
            <div class="select_sub">
                <ul class="sub">
                    <li><a href="#nogo">Add client</a></li>
                    <li><a href="#nogo">All clients</a></li>              
                </ul>
            </div>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            </ul>
		
            <div class="nav-divider">&nbsp;</div>
            
            <ul class="select"><li><a href="#nogo"><b>Report</b><!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
            <div class="select_sub">
                <ul class="sub">
                    <li><a href="#nogo">Report 1</a></li>
                    <li><a href="#nogo">Report 2</a></li>
                    <li><a href="#nogo">Report 3</a></li>
                </ul>
            </div>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            </ul>
		
            <div class="clear"></div>
		</div>
        <div class="clear"></div>
        </div>
		<!--  start nav end -->
 
</div>
<!--  start nav-outer end -->
<div class="clear"></div>
</div>
<!--  start nav-outer-repeat................................................... END -->
 
<div class="clear"></div>
 
<!-- start content-outer -->
<div id="content-outer">
<!-- start content -->
<div id="content">
 
 
 
<div id="page-heading"><h1>Add Defect</h1></div>
 
<table cellspacing="0" cellpadding="0" border="0" width="100%" id="content-table">
<tbody>
<tr>
	<th class="sized" rowspan="3"><img height="300" width="20" alt="" src="images/shared/side_shadowleft.jpg"/></th>
	<th class="topleft"></th>
	<td id="tbl-border-top">&nbsp;</td>
	<th class="topright"></th>
	<th class="sized" rowspan="3"><img height="300" width="20" alt="" src="images/shared/side_shadowright.jpg"/></th>
</tr>
<tr>
	<td id="tbl-border-left"></td>
	<td>
	    <!--  start content-table-inner -->
	    <div id="content-table-inner">
	
	        <table cellspacing="0" cellpadding="0" border="0" width="100%">
	        <tbody>
            <tr valign="top">
	            <td>		
	
                    <!-- start id-form -->
                    <form action="/Defect/Create" method="post">
                    <table cellspacing="0" cellpadding="0" border="0" id="id-form">
                    <tbody>
                    <tr>
                        <th valign="top">Project:</th>
                        <td>
                            <input id="ProjectId" name="ProjectId" type="hidden" value="" />
                            <input type="text" id="SearchProjectTextBox" class="inp-form" />
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <th valign="top">Title:</th>
                        <td><input class="inp-form" id="DefectTitle" name="DefectTitle" type="text" value="" /></td>
                        <td></td>
                    </tr>
                    <tr>
                        <th valign="top">Description:</th>
                        <td><textarea class="form-textarea" cols="20" id="Description" name="Description" rows="2">
</textarea></td>
                        <td></td>
                    </tr>
                    <tr>
                        <th valign="top">Diagnosis: </th>
                        <td><textarea class="form-textarea" cols="20" id="Diagnosis" name="Diagnosis" rows="2">
</textarea></td>
                        <td></td>
                    </tr>
                    <tr>
                        <th valign="top">Originator: </th>
                        <td><select class="styledselect_form_1" id="Originator" name="Originator"><option value="">Select Originator</option>
<option value="ce5002a3-80d1-4d13-9930-7cd9167cc2f2">VAE</option>
</select></td>
                        <td></td>
                    </tr>
                    <tr>
                        <th valign="top">Assign To:</th>
                        <td>
                            <select class="styledselect_form_1">
                                <option value="">[Select User]</option>
                            </select>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <th valign="top">Type: </th>
                        <td>
                            <select class="styledselect_form_1">
                                <option value="">[Select Type]</option>
                            </select>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <th valign="top">Version: </th>
                        <td>
                            <select class="styledselect_form_1">
                                <option value="">[Select Type]</option>
                            </select>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <th valign="top">Priority: </th>
                        <td>
                            <select class="styledselect_form_1">
                                <option value="">[Select Type]</option>
                            </select>
                        </td>
                        <td></td>            
                    </tr>
                    <tr>
                        <th valign="top">Status: </th>
                        <td>
                            <select class="styledselect_form_1">
                                <option value="">[Select Type]</option>
                            </select>
                        </td>
                        <td></td>            
                    </tr>
                    <tr>
                        <th>&nbsp;</th>
                        <td valign="top">
                            <input type="submit" class="form-submit" value=""/>
                            <input type="reset" class="form-reset" value=""/>
                        </td>
                        <td></td>
                    </tr>
                    </tbody>
                    </table>
                    </form>
                    <!-- end id-form  -->
 
	            </td>
	            <td>
 
	                <!--  start related-activities -->
	                <div id="related-activities">
		
		                <!--  start related-act-top -->
		                <div id="related-act-top">
		                    <img height="43" width="271" alt="" src="images/forms/header_related_act.gif">
		                </div>
		                <!-- end related-act-top -->
		
		                <!--  start related-act-bottom -->
		                <div id="related-act-bottom">
		
			                <!--  start related-act-inner -->
			                <div id="related-act-inner">
			
				                <div class="left"><a href=""><img height="21" width="21" alt="" src="images/forms/icon_plus.gif"></a></div>
				                <div class="right">
					                <h5>Add another Account</h5>
					                Lorem ipsum dolor sit amet consectetur
					                adipisicing elitsed do eiusmod tempor.
					                <ul class="greyarrow">
						                <li><a href="">Click here to visit</a></li> 
						                <li><a href="">Click here to visit</a></li>
					                </ul>
				                </div>
				
				                <div class="clear"></div>
				                <div class="lines-dotted-short"></div>
				
				                <div class="left"><a href=""><img height="21" width="21" alt="" src="images/forms/icon_minus.gif"></a></div>
				                <div class="right">
					                <h5>Delete Account</h5>
					                Lorem ipsum dolor sit amet consectetur
					                adipisicing elitsed do eiusmod tempor.
					                <ul class="greyarrow">
						                <li><a href="">Click here to visit</a></li> 
						                <li><a href="">Click here to visit</a> </li>
					                </ul>
				                </div>
				
				                <div class="clear"></div>
				                <div class="lines-dotted-short"></div>
				
				                <div class="left"><a href=""><img height="21" width="21" alt="" src="images/forms/icon_edit.gif"></a></div>
				                <div class="right">
					                <h5>Edit Account</h5>
					                Lorem ipsum dolor sit amet consectetur
					                adipisicing elitsed do eiusmod tempor.
					                <ul class="greyarrow">
						                <li><a href="">Click here to visit</a></li> 
						                <li><a href="">Click here to visit</a> </li>
					                </ul>
				                </div>
				                <div class="clear"></div>
				
			                </div>
			                <!-- end related-act-inner -->
			                <div class="clear"></div>
		
		                </div>
		                <!-- end related-act-bottom -->
	
	                </div>
	                <!-- end related-activities -->
 
                </td>
            </tr>
            <tr>
                <td>            
                    <img height="1" width="695" alt="blank" src="images/shared/blank.gif"/>
                </td>
                <td>
                </td>
            </tr>
            </tbody>
            </table>
            <div class="clear"></div>
 
        </div>
        <!--  end content-table-inner  -->
    </td>
    <td id="tbl-border-right"></td>
</tr>
<tr>
	<th class="sized bottomleft"></th>
	<td id="tbl-border-bottom">&nbsp;</td>
	<th class="sized bottomright"></th>
</tr>
</tbody>
</table>
<div class="clear">&nbsp;</div>

 
 
</div>
<!--  end content -->
<div class="clear">&nbsp;</div>
</div>
<!--  end content-outer -->
<div class="clear">&nbsp;</div>
    
<!-- start footer -->         
<div id="footer">
	<!--  start footer-left -->
	<div id="footer-left">
	Admin Skin &copy; Copyright Internet Dreams Ltd. <a href="">www.netdreams.co.uk</a>. All rights reserved.</div>
	<!--  end footer-left -->
	<div class="clear">&nbsp;</div>
</div>
<!-- end footer -->
 <script src="js/CreateDefect.js" type="text/javascript"></script>
</body>

</html>
